@charset "utf-8";
@import "main.less";

@media all and (max-width: 1366px){
  .font:hover{
    color: @a_color;
  }
  ul{
    .margin_Remove;
    .padding_Remove;
  }
  li{
    .ul_BaseStyle;
  }
  p{
    .margin_Remove;
    .padding_Remove;
  }
    /*活动的大图片*/
  .activity_maximg {
    .size(100%,337px);
    /*图片*/
    img {
      .size(100%, auto);
    }
  }
  /** 主体*/
  .activity_subject{
    .size(900px,1000px);
    .margin_Auto;
  }
  /*上半部分第一个盒子*/
  .activityupper_part{
    padding-top: 30px;
  }
  /*上半部分里面的左边*/
  .activityimg_left{
    float: left;
    img{
      .size(495px,300px);
    }
  }
  /*上半部分右边字体p1*/
  .leftfont_size{
    font-size: 18px;
    .margin_All(10px,0px,10px,10px);
    float: left;
    .size(385px,50px);
    line-height:25px;
  }

  /*上半部分右边字体p2*/
  .left_style{
    font-size:12px;
    .margin_left(10px);
    float: left;
    .size(395px,50px);
    line-height:50px;
  }
  /*上半部分span标题字体颜色*/
  .font_orangeclass{
    color: rgb(255, 153, 102);
  }
  /*上半部分span信息字体颜色*/
  .font_Light_greyclass{
    color:@handleColor;
    .margin_right(20px);
  }
  /*分享*/
  .share{
    .padding_left(63px);
  }
  /*分享图标*/
  .share_img{
    .size(20px,20px);
  }

  /*立即参加按钮*/
  .activity_button{
    .btn_default(fill,@width:200px,@height:40px);
    .margin_top(20px);
    .margin_left(30px);
    float: left;
    line-height: 20px;
  }
  /**收藏按钮 */
  .activity_buttonshouc {
    .btn_stop(fill,@width:100px,@height:40px);
      float: left;
      line-height: 20px;

      /*上、下、左、右*/
      .margin_All(20px,0px,0px,45px);
      img{
        .size(26px,27px);
        float: left;
        .margin_left(14px);
      }
      span{
        float:left;
        .margin_top(6px);
      }
  }
  /*下半 部分*/
  .Lowerpart_body{
    .margin_top(120px);
    background-color:white;
    .size(900px,800px);
    float: left;
  }


  /*下半部分左边*/
  .Lowerpart_body_left{
    .size(620px,500px);

    float: left;
  }
  /*下半部分中间*/
  .Lowerpart_body_right_middle{
    .size(15px,500px);
    float: left;
  }
  /*右边部分*/
  .Lowerpart_body_right{
    .size(260px,500px);
    .margin_top(100px);
    float: left;
  }
  /*左边活动信息*/
  .Lowerpart_body_left_info{
    .size(620px,auto);
  }
  //已报名
  .Lowerpart_body_left_baoming{
    .size(620px,auto);
    .margin_top(200px);
  }
  //留言
  .Lowerpart_body_left_liuyan{
    .size(620px,auto);
    .margin_top(250px);
  }
  //留言版
  .Lowerpart_body_left_liuyanban{
    .size(620px,auto);
    .margin_top(60px);
    .margin_bottom(300px);
  }
  .activities{
    .border_bottom(rgba(102,204,255,1),1px);
    .size(620px,39px);
      li{
        float: left;
      }
    }
  /*活动详情*/
  .activities_info{
    background-color:rgba(102, 204, 255, 1);
    .size(110px,40px);
    text-align: center;
    line-height:40px;
    color: white;
    .radius(4px);
  }
  /*已报名，报名留言*/
  .activities_liuyan{
    text-align: center;
    line-height:40px;
    .margin_left(10px);
    .size(110px,40px);
    .radius(4px);
  }
  .activities_liuyan:hover{
    background-color:rgba(102, 204, 255, 1);
    color:@a_color;
  }

  .activities_huodongxinxi{
    .border_right(@handleColor,1px);
    .margin_top(60px);
    .padding_right(10px);
    .size(auto,auto);
  }
  /**
  活动标题
   */
.activities_biaoti{
  background-color: #00aaff;
  .size(110px,auto);
  color:white;
  .margin_left(15px);
  font-size: 18px;
  .margin_top(15px);
  .margin_bottom(15px);

}
/*活动内容*/
.activities_neirong{
  line-height:25px;
  text-indent: 4em;
  font-family: sans-serif;
  font-size: 15px;
  .margin_left(15px);

}
.sp1{
  .margin_left(75px);
  display: block;
}
.sp2{
  .margin_left(200px);
  display: block;
}
/*报名人数*/
  .baoming_mingdan{
    .margin_left(8px);
    & li{
      text-align: center;
      padding: 10px 0px 0px 0px;
      float: left;
      & img{
        .size(30px,30px);
      }
      & p{
        font-size: 12px;
        padding-right: 5px;
      }
    }
  }
  /*留言*/
  .liuyan{
    .border_bottom(@handleColor,1px);
    .size(620px,130px);
    img{
      .size(50px,50px);
    }
    span{
      line-height: 20px;
    }
  }
  /*留言*/
  .liuyan_info{
   .margin_top(10px);
    li{
      float: left;
    }
  }
  /*迷途者留言用户名*/
  .liuyan_left{
    line-height: 50px;
    a{
      text-decoration: none;
      color: #444444;
    }
    a:hover{
      color: @a_color;
    }
  }
  /*迷途者留言日期*/
  .liuyan_right{
    line-height: 57px;
    position: relative;
    left: 405px;
    color:#999999;
  }
  /*留言内容*/
  .liuyan_neirong{
    .margin_left(50px);
    color: @contentColor;
  }
    /*留言操作*/
  .liuyan_caozuo{
    .padding_left(546px);
    a{
      font-size: 14px;
      color: #999999;
      text-decoration: none;
      .margin_right(3px);
    }
    a:hover{
      color: @a_color;
    }

  }
  /*留言*/
  .textarea{
    .size(614px,100px);
    .radius(5px);
  }
  /*评价按钮*/
  .pingjiao{
    .btn_stop(fill,120px,40px);
    float: right;
    .margin_right(5px);
  }
  .left_style{
    .size(350px,50px);
  }
  .huodng_score{
    float: left;
    .size(120px,50px);
  }


  /*最右边*/
  .right_img{
    img{
      float: left;
     .size(100px,77px);
    }
    p{
      float: left;
      font-size: 14px;
      .size(130px,80px);
      .margin_left(10px);
      color: @titleColor;
    }
  }
  /*右边图片迷途者*/
  .right_img_mituzhe{
    float: left;
    position: absolute;
    right: 0;
    top:95px;
    a{
      text-decoration: none;
      color: #444444;
    }
    img{
      float: left;
    }
    span{
      float: left;
      display: block;
      line-height: 16px;
      .margin_right(5px);
    }

  }
  //迷途者
  .right_mituzhe{
    float: left;
    .margin_top(4px);
    a{
      text-decoration: none;
      color: #999999;
    }
  }
  /*评价，浏览量图标*/
  ._mituzhe_mituzhe{
    font-size: 14px;
  }
  ._mituzhe_mituzhe:hover{
    color: @a_color;
  }
  ._mituzhepingjian{
    .margin_left(80px);
     & span{
       .size(100px,100px);
       font-size:14px;
        .padding_bottom(10px);
     }
  }

  //右边导航栏
  .Lowerpart_body_right_li{
    .size(auto,100px);
    .padding_All(10px,0px,10px,10px);
    position: relative;
  }
  //设置当鼠标移到li上面的阴影
  .Lowerpart_body_right_li:hover{
    .radius(@w:7px);
    .shadow(@w:4px,@c:#CADBE9);
  }
  
}
